<style>
	#icon_table {
		border-collapse: collapse;
		border-spacing: 0px;
	}
	#icon_table td {
		border: 1px solid #8CACBB;
	}
</style>
<table style="border: 0px; width: 100%; height: 100%;" id="icon_table">
	<tr>
		<td><input name="iconRadio" id="icon-session" value="session.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-coder-config" value="coder_config.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-quick-coder" value="quick_coder.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-chart-read" value="chart_read.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-chart-config" value="chart_config.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-chart-manage" value="chart_manage.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-auth" value="auth.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-disable" value="disable.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-class" value="class.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-education" value="education.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-base" value="base.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-course" value="course.png" type="radio" /></td>
	</tr>
	<tr>
		<td><input name="iconRadio" id="icon-score" value="score.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-dictionary" value="dictionary.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-log" value="log.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-menu" value="menu.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-role" value="role.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-usergroup" value="usergroup.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-user" value="user.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-system" value="system.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-send" value="send.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-download" value="download.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-export" value="export.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-import" value="import.png" type="radio" /></td>
	</tr>
	<tr>
		<td><input name="iconRadio" id="icon-clear" value="clear.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-reset" value="reset.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-login" value="login.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-filter" value="filter.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-tip" value="tip.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-sum" value="sum.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-back" value="back.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-redo" value="redo.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-undo" value="undo.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-help" value="help.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-print" value="print.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-search" value="search.png" type="radio" /></td>
	</tr>
	<tr>
		<td><input name="iconRadio" id="icon-reload" value="reload.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-cancel" value="cancel.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-no" value="no.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-ok" value="ok.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-cut" value="cut.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-save" value="filesave.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-remove" value="edit_remove.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-edit" value="pencil.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-add" value="edit_add.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-wrench" value="wrench.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-wrench-orange" value="wrench_orange.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-webcam" value="webcam.png" type="radio" /></td>
	</tr>
	<tr>
		<td><input name="iconRadio" id="icon-webcam-error" value="webcam_error.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-webcam-delete" value="webcam_delete.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-webcam-add" value="webcam_add.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-vector-delete" value="vector_delete.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-vector-add" value="vector_add.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-vector" value="vector.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-wand" value="wand.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-weather-clouds" value="weather_clouds.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-weather-cloudy" value="weather_cloudy.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-weather-lightning" value="weather_lightning.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-weather-rain" value="weather_rain.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-weather-snow" value="weather_snow.png" type="radio" /></td>
	</tr>
	<tr>
		<td><input name="iconRadio" id="icon-weather-sun" value="weather_sun.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-tux" value="tux.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-transmit" value="transmit.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-transmit-go" value="transmit_go.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-transmit-error" value="transmit_error.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-transmit-edit" value="transmit_edit.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-transmit-delete" value="transmit_delete.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-transmit-blue" value="transmit_blue.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-transmit-add" value="transmit_add.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-timeline-marker" value="timeline_marker.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-time" value="time.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-time-go" value="time_go.png" type="radio" /></td>
	</tr>
	<tr>
		<td><input name="iconRadio" id="icon-time-delete" value="time_delete.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-time-add" value="time_add.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-tick" value="tick.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-thumb-up" value="thumb_up.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-thumb-down" value="thumb_down.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-textfield-rename" value="textfield_rename.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-textfield-add" value="textfield_add.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-textfield-delete" value="textfield_delete.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-star" value="star.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-stop" value="stop.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-status-away" value="status_away.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-status-busy" value="status_busy.png" type="radio" /></td>
	</tr>
	<tr>
		<td><input name="iconRadio" id="icon-status-offline" value="status_offline.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-status-online" value="status_online.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-forum" value="forum.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-project" value="project.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-category" value="category.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-member" value="member.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-article" value="article.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-portal" value="portal.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-key-go" value="key_go.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-config" value="blue_config.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-card" value="blue_card.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-card" value="blue_card.png" type="radio" /></td>
	</tr>
	
	<tr>
		<td><input name="iconRadio" id="icon-blue-customer" value="blue_customer.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-dev-event" value="blue_dev_event.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-device" value="blue_device.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-hotel" value="blue_hotel.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-room" value="blue_room.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-sys" value="blue_sys.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-dev-monitor" value="blue_dev_monitor.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-group" value="blue_group.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-menu" value="blue_menu.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-params" value="blue_params.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-role" value="blue_role.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-session" value="blue_session.png" type="radio" /></td>
	</tr>
	
	<tr>
		<td><input name="iconRadio" id="icon-blue-task" value="blue_task.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-user" value="blue_user.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-value" value="blue_value.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-card-type" value="blue_card_type.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-cmd" value="blue_cmd.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-defined" value="blue_defined.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-linkage" value="blue_linkage.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-proto-test" value="blue_proto_test.png" type="radio" /></td>
		<td><input name="iconRadio" id="icon-blue-room-config" value="blue_room_config.png" type="radio" /></td>
	</tr>
</table>


		
<script type="text/javascript">
	<#if selectIconName!=''>
		printLog('${(selectIconName)!}');
		$('#'+'${(selectIconName)!}').attr('checked', 'checked');
		$('#'+'${(selectIconName)!}').parent().css('background-color','rgb(184, 212, 210)');
	</#if>
	$('#icon_table :radio').each(function(index) {//初始化小图标
// 		printLog($(this).val() );
		$(this).after('<img class="iconImg ' + $(this).attr('id') + '" src="static/plugins/jquery-easyui-theme/icons/'+$(this).val()+'"/>');
	});
	

	$('#icon_table td').click(function() {//绑定点击td事件，作用是点击td的时候，就可以选中，不一定非得点击radio组件
// 		printLog('td点击');
		$(this).find(':radio').attr('checked', 'checked');
		
	});
	
	function selectIconOk(id) {
		printLog('OK');
		$('#'+id).val($('input[name=iconRadio]:checked').attr('id'));
		
	}
</script>


